<!DOCTYPE html>
<!-- saved from url=(0034)http://campus.51job.com/zjgrc2022/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width,initial-scale=0.3,shrink-to-fit=no,user-scalable=yes">





    <title>张家港市重点企业春季校园招聘会</title>

    <style>

        * {

            margin: 0;

            padding: 0;

        }



        @font-face {

            font-family: 'fzltdhjw';

            src: url(./fonts/FZLTDHJW.TTF);

        }



        @font-face {

            font-family: 'FZyanSJW';

            src: url(./fonts/FZYanSJW_Cu.ttf);

        }



        @font-face {

            font-family: 'FZLTHJW';

            src: url(./fonts/FZLTHJW.TTF);

        }



        input::-webkit-input-placeholder,

        input::-moz-placeholder,

        input:-moz-placeholder,

        input:-ms-input-placeholder {

            color: #d6d5d5;

        }



        div {

            margin: 0;

        }



        .page-header img {

            display: block;

            width: 100%;

            height: 100vh;

        }



        .h5-header img {

            display: block;

            width: 100vw;

            height: 100vh;

        }



        #home-container {

            display: none;

        }



        .home-header img {

            display: block;

            width: 100%;

        }



        .navigation {

            width: 100%;

            height: 60px;

            background: url(./img/navbg.png) space;

            background-size: cover;

        }



        .navigation .nav-title {

            width: 1000px;

            margin: 0 auto;

            height: 60px;

            line-height: 60px;

            display: flex;

            align-items: center;

        }





        .navigation .nav-title .option {

            color: white;

            width: 120px;

            height: 40px;

            line-height: 40px;

            margin: 10px auto;

            text-align: center;

            cursor: pointer;

            font-size: 18px;

        }



        .navigation .nav-title .option-url {

            color: white;

            width: 120px;

            height: 40px;

            line-height: 40px;

            margin: 10px auto;

            text-align: center;

            cursor: pointer;

        }



        .navigation .nav-title a {

            text-decoration: none;

            font-size: 18px;

        }



        .navigation .nav-title .cross-line {

            width: 2px;

            height: 21px;

            background: #fff;

        }



        .navigation .nav-title .select {

            background: url(./img/select-bg.png) space;

            background-size: cover;

            border-radius: 20px;

            color: #0a2a8c;

            font-weight: bold;

        }



        .main {

            width: 100%;

            height: 100%;

            background: url(./img/content-bg.jpg) no-repeat;

            background-size: cover;

            overflow: hidden;

            padding-bottom: 80px;

        }



        /* 梦起港城 */

        .main .p1-dreamCity {

            width: 1200px;

            background: #fff;

            overflow: hidden;

            margin: 0 auto;

        }



        .main .p1-dreamCity .introduce {

            width: 1080px;

            margin: 0 auto;

        }



        .main .p1-dreamCity .introduce-picture {

            margin-top: 49px;

        }



        .main .p1-dreamCity .introduce-picture img {

            display: block;

            width: 1080px;

        }



        .main .p1-dreamCity .video {

            width: 1080px;

            margin-top: 67px;

            display: flex;

            justify-content: space-between;

        }



        .main .p1-dreamCity .video .video-box {

            margin: 0;

            position: relative;

        }



        .main .p1-dreamCity .video .video-box .mask {

            position: absolute;

            top: 0;

            left: 0;

            width: 500px;

            height: 250px;

            z-index: 99;

            opacity: 0.5;

        }



        .main .p1-dreamCity .video p {

            text-align: center;

            margin-top: 19px;

            line-height: 30px;

        }



        .main .p1-dreamCity .video video {

            width: 500px;

            height: 250px;

            object-fit: fill;

        }



        .main .p1-dreamCity .life-show {

            margin-top: 72px;

        }



        .main .p1-dreamCity .city-show {

            display: flex;

            justify-content: space-between;

            margin-bottom: 80px;

        }



        .main .city-show .text {

            width: 500px;

            font-size: 16px;

        }



        .main .city-show .text .text-header {

            background: url('./img/textHeader.png') no-repeat;

            height: 30px;

            font-size: 17px;

            line-height: 30px;

            text-indent: 10px;

            font-family: 'FZyanSJW';

        }



        .main .work-show .city-show .text .text-header {

            background: url('./img/textHeader2.png') no-repeat;

        }



        .main .city-show .text .text-content {

            margin-top: 15px;

            text-align: justify;

            text-indent: 2em;

            line-height: 34px;

            font-family: 'FZLTHJW';

        }



        .main .city-show .text .two-paragraph {

            margin: 0 0 15px 0;

        }



        .main .city-show .picture {

            display: block;

            display: flex;

            align-items: center;

        }



        .main .city-show .picture img {

            width: 516px;

        }



        .main .city-show .picture-two {

            margin-top: 45px;

        }



        .main .work-header {

            margin-bottom: 54px;

        }



        .main .work-header .little-header {

            background: url(./img/bg-header.png) no-repeat;

            background-size: cover;

            text-align: center;

            line-height: 40px;

            font-size: 20px;

            color: #fff;

            font-family: 'fzltdhjw';

        }



        .main .work-header .content {

            margin: 0 auto;

            line-height: 20px;

            width: 528px;

            text-align: center;

            margin-top: 17px;

            font-size: 16px;

            font-family: 'FZLTHJW';

        }



        .main .show {

            display: block !important;

        }



        .main .page {

            display: none;

            width: 1200px;

            margin: 0 auto;

        }



        /* 招聘大厅 */

        .main .recruitment {

            min-height: 1600px;

        }



        .main .recruitment .search {

            margin-top: 50px;

        }



        .recruitment .search .search-tag {

            width: 1150px;

            background-color: #fff;

            border-radius: 15px;

        }



        .recruitment .search .search-tag .tag-top {

            position: relative;

            height: 50px;

            line-height: 50px;

            padding: 0 40px;

            display: flex;

            border-bottom: 2px solid rgba(0, 0, 0, .1);

        }



        .recruitment .search .search-tag .tag-top .PitchOn {

            padding: 0 10px;

            background-color: #0d9bd5;

            color: #fff;

            margin-right: 20px;

            height: 30px;

            line-height: 30px;

            margin-top: 10px;

            border-radius: 5px;

        }



        .recruitment .search .search-tag .tag-top .PitchOn span {

            cursor: pointer;

        }



        .recruitment .search .search-tag .tag-top .PitchOn span:hover {

            color: #fda137;

        }



        .recruitment .search .search-tag #resetSearch {

            position: absolute;

            right: 40px;

            cursor: pointer;

            color: #1587c7;

            font-weight: bold;

        }



        .recruitment .search .search-tag .tag-bottom {

            padding: 25px 40px;

        }



        .recruitment .search .search-tag .tag-bottom .row {



            height: 40px;

            line-height: 40px;

            /* margin: 20px; */

            display: flex;

            position: relative;

        }



        .recruitment .search .search-tag .tag-bottom .allContent {

            position: absolute;

            top: 30px;

            left: -14px;

            width: 100%;

            min-height: 80px;

            background: #fff;

            z-index: 999;

            border-radius: 10px;

            display: flex;

            flex-wrap: wrap;

            padding: 10px;

            display: none;

        }







        .recruitment .search .search-tag .tag-bottom .allContent div {

            font-family: 'FZLTHJW';

            cursor: pointer;

            margin-right: 30px;

            line-height: 40px;

            padding: 0 10px;

        }



        .recruitment .search .allContent div:hover {

            background-color: #0d9bd5;

            color: #fff;

            border-radius: 10px;

        }



        .recruitment .search-tag .row .title {

            font-family: 'fzltdhjw';

            color: #a7a7a7;

            margin-right: 30px;

        }



        .recruitment .search-tag .row .reveal-all {

            color: #1587c7;

            cursor: pointer;

            position: absolute;

            right: 0;

            font-weight: bold;

            width: 84px;

            text-align: center;

        }



        .recruitment .search-tag .row .close {

            width: 84px;

            text-align: center;

            color: #1587c7;

            cursor: pointer;

            position: absolute;

            right: 0;

            font-weight: bold;

            display: none;

        }



        .recruitment .search-tag .row .list {

            display: flex;

        }



        .recruitment .search-tag .row .list div {

            margin-right: 30px;

            font-family: 'FZLTHJW';

            cursor: pointer;

            padding: 0 5px;

        }



        .recruitment .search-tag .row .list div:hover {

            background-color: #0d9bd5;

            color: #fff;

            border-radius: 10px;

        }



        .recruitment .search-box {

            width: 1150px;

            margin-top: 44px;

            height: 50px;

            display: flex;

        }



        .recruitment .search-box #ipt {

            display: block;

            border: none;

            margin: 0;

            height: 50px;

            width: 900px;

            outline: none;

            padding: 0 20px;

            font-size: 18px;

            border-radius: 15px;

            margin-right: 25px;

        }



        .recruitment .search-box #btn {

            display: block;

            width: 180px;

            height: 50px;

            line-height: 50px;

            border: none;

            font-size: 18px;

            color: #fff;

            background-image: linear-gradient(#0d99d5, #304599);

            border-radius: 5px;

            cursor: pointer;

        }







        .main .recruitment .recruitment-con {

            width: 1200px;

            margin: 0 auto;

            padding-top: 44px;

            display: flex;

            flex-wrap: wrap;

            align-self: flex-start;

            justify-content: flex-start;

        }



        .main .recruitment .recruitment-con .corporate {

            border-radius: 5px;

            padding-left: 5px;

            margin-bottom: 30px;

            margin-right: 25px;

            width: 270px;

            height: 60px;

            display: flex;

            background-color: #fff;

            line-height: 60px;

            cursor: pointer;

            text-decoration: none;

            color: #000;

        }



        .main .recruitment .recruitment-con .corporate:hover {

            background-color: #0d9bd5;

            color: #fff;

        }



        .main .recruitment .recruitment-con .corporate p {

            width: 224px;

            overflow: hidden;

            line-height: 60px;

            text-align: center;

        }



        .main .recruitment .recruitment-con .corporate img {

            display: block;

            width: 30px;

            height: 30px;

            margin-top: 15px;

        }



        .main .recruitment .company {

            width: 250px;

            height: 350px;

            background-color: #fff;

            border-radius: 14px;

            overflow: hidden;

            margin-bottom: 30px;

            margin-right: 50px;

        }





        .main .recruitment .company img {

            display: block;

            width: 250px;

            height: 173px;

        }



        .main .recruitment .company .about {

            height: 176px;

            box-shadow: rgb(0 0 0 / 10%) 0px 2px 4px;

            padding: 12px 0px 13px 10px;

            box-sizing: border-box;

            border-top: 1px solid rgba(0, 0, 0, .1);

            position: relative;

        }



        .recruitment .company .about .company-name {

            width: 100%;

            font-size: 17px;

            height: 21px;

            line-height: 21px;

            color: #1587c7;

            font-family: 'fzltdhjw';

            text-overflow: ellipsis;

            white-space: normal;

            overflow: hidden;

            margin-bottom: 12px;

        }



        .recruitment .company .about .profession {

            width: 100%;

            display: block;

            font-size: 16px;

            font-family: 'FZLTHJW';

            height: 25px;

            line-height: 25px;

            text-decoration: none;

            text-overflow: ellipsis;

            white-space: normal;

            overflow: hidden;

            color: #000;

        }



        .recruitment .company .about .more-profession {

            display: block;

            color: #000;

            width: 180px;

            height: 39px;

            line-height: 39px;

            text-decoration: none;

            text-align: center;

            background: url('./img/more-bg.png') no-repeat;

            background-size: cover;

            font-size: 18px;

            font-family: 'FZLTHJW';

            position: absolute;

            left: 50%;

            bottom: 19px;

            margin-left: -90px;

        }



        .recruitment .company .about .more-profession:hover {

            color: #fff;

        }



        .recruitment .sorter {

            display: flex;

            justify-content: center;

            font-size: 14px;

        }



        .recruitment .sorter div:hover {

            background-color: #0d75d8;

            color: #fff;

        }



        .recruitment .sorter div {

            width: 30px;

            height: 30px;

            border: 1px solid #0d75d8;

            line-height: 30px;

            text-align: center;

            color: #0d75d8;

            margin-right: 15px;

            border-radius: 4px;

            cursor: pointer;

        }



        .recruitment .sorter .current {

            background-color: #0d75d8;

            color: #fff;

        }



        .recruitment .sorter .pageup,

        .recruitment .sorter .pagedowm {

            width: 60px;

        }



        /* 人才政策 */

        .main .policy {

            width: 1200px;

            margin: 0 auto;

            background: url('./img/policy1.png') no-repeat;

            background-size: cover;

            height: 6710px;

        }



        .main .policy .img {

            display: block;

            width: 1200px;

        }







        /* footer */

        .footer {

            width: 100%;

            height: 52px;

            background: url(./img/footer-bg.png) repeat;

            line-height: 52px;

            text-align: center;

            font-size: 12px;

            color: #fff;

        }



        .footer img {

            width: 15px;

            height: 20px;

            display: inline-block;

            vertical-align: middle;

            margin-top: -5px;

        }

    </style>

    <style>html,
    body {
        width: 100%;
        height: 100%;
        background-color: #005286;
        position: relative;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        margin: 0 auto;
    }

    /*loading*/
    .x {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
    }

    .y {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
    }

    .xy {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
    }

    .posa {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .loading {
        height: 100%;
        color: #fff;
        background-color: #005286;
        z-index: 999;
    }

    .loading .load-content {
        width: 3.3rem;
        height: 0.3rem;
    }

    .loading .cell {
        width: 100%;
        height: 100%;
        border: 0.02rem solid #fff;
        background-color: #005286;
        box-sizing: border-box;
        border-radius: 0.1rem;
        overflow: hidden;
        -webkit-transform: translateZ(0);

    }

    .loading .progress {
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: scaleX(0) perspective(1000);
        -webkit-transform-origin: 0 0;
    }

    .loading .ideal {
        position: absolute;
        left: 50%;
        width: 3rem;
        height: 1.5rem;
        top: -1.2rem;
        overflow: hidden;
        -webkit-transform: translate(-50%, 0) scale(0.7);
        z-index: -1;
    }

    .loading .ideal:before,
    .loading .ideal:after,
    .loading .head:before,
    .loading .head,
    .loading .head:after,
    .loading .hat {
        background-color: #fff;
    }

    .loading .head {
        border: 1px solid #a6a6a6;
    }

    .loading .ideal:before,
    .loading .ideal:after {
        content: '';
        position: absolute;
        bottom: -0.3rem;
        width: 0.4rem;
        height: 0.5rem;
        border-radius: 40%;
        -webkit-animation: hand-ani 4s ease-in 0s infinite;
    }

    .loading .ideal:before {
        left: 0.2rem;
    }

    .loading .ideal:after {
        right: 0.2rem;
    }

    .loading .head-wrap {
        width: 1.6rem;
        height: 1.5rem;
        position: relative;
        top: 0.15rem;
        left: 50%;
        margin-left: -0.8rem;
        -webkit-animation: head-ani 4s ease-out 0s infinite;
    }

    .loading .head {
        width: 100%;
        height: 100%;
        padding: 0.1rem;
        box-sizing: border-box;
        border-radius: 50%;
        background-color: #fff;
    }

    .loading .head:before,
    .loading .head:after {
        content: '';
        position: absolute;
        bottom: 0.42rem;
        width: 0.3rem;
        height: 0.6rem;
        z-index: -1;
        border-radius: 35%;
        -webkit-transform: translateY(-0rem);
    }

    .loading .head:before {
        left: -0.1rem;
        -webkit-animation: left-ear-ani 4s 0s infinite;
    }

    .loading .head:after {
        right: -0.1rem;
        -webkit-animation: right-ear-ani 4s 0s infinite;
    }

    .loading .face {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #005286;
        border-radius: 50%;
        -webkit-animation: face-ani 4s 0s infinite;
    }

    .loading .face:before,
    .loading .face:after {
        content: '';
        position: absolute;
        bottom: 0.45rem;
        width: 0.14rem;
        height: 0.25rem;
        background-color: #fff;
        border-radius: 35%;
        -webkit-animation: eye-ani 4s 0s infinite;
    }

    .loading .face:before {
        left: 25%;
    }

    .loading .face:after {
        right: 25%;
    }

    .loading .hat {
        position: absolute;
        top: -0.05rem;
        left: 50%;
        width: 0.6rem;
        height: 0.4rem;
        border-radius: 35%;
        margin-left: -0.3rem;
        z-index: -1;
    }

    @-webkit-keyframes head-ani {

        0%,
        20% {
            -webkit-transform: translateY(100%);
        }

        25%,
        35% {
            -webkit-transform: translateY(60%);
        }

        40%,
        90% {
            -webkit-transform: translateY(0);
        }

        92%,
        100% {
            -webkit-transform: translateY(100%);
        }
    }

    @-webkit-keyframes hand-ani {

        0%,
        1% {
            -webkit-transform: translate(0, 100%);
        }

        10%,
        12% {
            -webkit-transform: translate(0, -4%);
        }

        15%,
        93% {
            -webkit-transform: translate(0, 0);
        }

        96%,
        100% {
            -webkit-transform: translate(0, 100%);
        }
    }

    @-webkit-keyframes eye-ani {

        0%,
        45% {
            -webkit-transform: scaleY(1);
        }

        47%,
        48% {
            -webkit-transform: scaleY(0.1);
        }

        50%,
        65% {
            -webkit-transform: scaleY(1);
        }

        67%,
        68% {
            -webkit-transform: scaleY(0.1);
        }

        70%,
        82% {
            -webkit-transform: scaleY(1);
        }

        84%,
        85% {
            -webkit-transform: scaleY(0.1);
        }

        86%,
        100% {
            -webkit-transform: scaleY(1);
        }
    }

    @-webkit-keyframes face-ani {

        0%,
        50% {
            -webkit-transform: translate(0, 0);
        }

        57%,
        64% {
            -webkit-transform: translate(-5%, 0);
        }

        71%,
        78% {
            -webkit-transform: translate(5%, 0);
        }

        85%,
        100% {
            -webkit-transform: translate(0, 0);
        }
    }

    @-webkit-keyframes left-ear-ani {

        0%,
        50% {
            -webkit-transform: translate(0, 0);
        }

        57%,
        64% {
            -webkit-transform: translate(20%, 0);
        }

        71%,
        78% {
            -webkit-transform: translate(-10%, 0);
        }

        85%,
        100% {
            -webkit-transform: translate(0, 0);
        }
    }

    @-webkit-keyframes right-ear-ani {

        0%,
        50% {
            -webkit-transform: translate(0, 0);
        }

        57%,
        64% {
            -webkit-transform: translate(10%, 0);
        }

        71%,
        78% {
            -webkit-transform: translate(-20%, 0);
        }

        85%,
        100% {
            -webkit-transform: translate(0, 0);
        }
    }

    @-webkit-keyframes lightLoop {
        0% {
            -webkit-transform: scale(1, 1);
        }

        100% {
            -webkit-transform: scale(1.2, 3);
        ;
        }
    }

    .loading .progress-num {
        position: absolute;
        top: 0;
        left: 104%;
        height: 100%;
        line-height: 0.3rem;
        font-size: 0.2rem;
    }

    .loading p {
        text-align: center;
        position: absolute;
        top: 0.5rem;
        left: 0;
        width: 100%;
        font-size: 0.24rem;
    }

    /*loading*/
    /*cover*/
    .cover {
        height: 100%;
        background-color: #005286;
        z-index: 998;
        display: none;
    }

    /*default-loader*/

    .default-loader {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(255, 255, 255, 1);
        z-index: 9001;
    }

    .default-loader .dots {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 50px;
        width: 50px;
        margin: -25px 0 0 -25px;
    }

    .default-loader .dots span {
        position: absolute;
        width: 10px;
        height: 10px;
        background: rgba(53, 112, 250, 0.25);
        border-radius: 50%;
        background: #3570fa;
        -webkit-animation: animDots 1.7s infinite ease-in-out both;
        animation: animDots 1.7s infinite ease-in-out both;
        margin-right: 5px;
        box-sizing: border-box
    }

    .default-loader .dots span:nth-child(1) {
        left: 0px;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .default-loader .dots span:nth-child(2) {
        left: 15px;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .default-loader .dots span:nth-child(3) {
        left: 30px;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .default-loader .dots span:nth-child(4) {
        left: 45px;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    @-webkit-keyframes animDots {

        0%,
        80%,
        100% {
            transform: scale(0);
            opacity: 0;
        }

        40% {
            transform: scale(1);
            opacity: 1;
        }
    }

    @keyframes animDots {

        0%,
        80%,
        100% {
            transform: scale(0);
            opacity: 0;
        }

        40% {
            transform: scale(1);
            opacity: 1;
        }
    }</style><style>/*页面切换功能必须添加的样式*/
    .curMoveToTop {
        -webkit-animation: curMoveToTop 0.4s 0.1s ease-in-out both;
    }
    .topMoveToCur {
        -webkit-animation: topMoveToCur 0.4s 0.1s ease-in-out both;
    }
    .bottomMoveToCur {
        -webkit-animation: bottomMoveToCur 0.4s 0.1s ease-in-out both;
    }
    .CurMoveTobottom {
        -webkit-animation: CurMoveTobottom 0.4s 0.1s ease-in-out both;
    }
    .curMoveToLeft {
        -webkit-animation: curMoveToLeft 0.4s 0.1s ease-in-out both;
    }
    .leftMoveToCur {
        -webkit-animation: leftMoveToCur 0.4s 0.1s ease-in-out both;
    }
    .rightMoveToCur {
        -webkit-animation: rightMoveToCur 0.4s 0.1s ease-in-out both;
    }
    .CurMoveToright {
        -webkit-animation: CurMoveToright 0.4s 0.1s ease-in-out both;
    }
    .fadeIn {
        -webkit-animation: fadeIn 0.4s 0.1s ease-in-out both;
    }
    .fadeOut {
        -webkit-animation: fadeOut 0.4s 0.1s ease-in-out both;
    }
    .noopClass {}
    .hide {
        display: none;
    }
    @-webkit-keyframes curMoveToTop {
        0% {
            -webkit-transform: translateY(0);
        }
        100% {
            -webkit-transform: translateY(-100%);
        }
    }
    @-webkit-keyframes topMoveToCur {
        0% {
            -webkit-transform: translateY(-100%);
        }
        100% {
            -webkit-transform: translateY(0);
        }
    }
    @-webkit-keyframes bottomMoveToCur {
        0% {
            -webkit-transform: translateY(100%);
        }
        100% {
            -webkit-transform: translateY(0);
        }
    }
    @-webkit-keyframes CurMoveTobottom {
        0% {
            -webkit-transform: translateY(0);
        }
        100% {
            -webkit-transform: translateY(100%);
        }
    }

    @-webkit-keyframes curMoveToLeft {
        0% {
            -webkit-transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(-100%);
        }
    }
    @-webkit-keyframes leftMoveToCur {
        0% {
            -webkit-transform: translateX(-100%);
        }
        100% {
            -webkit-transform: translateX(0);
        }
    }
    @-webkit-keyframes rightMoveToCur {
        0% {
            -webkit-transform: translateX(100%);
        }
        100% {
            -webkit-transform: translateX(0);
        }
    }
    @-webkit-keyframes CurMoveToright {
        0% {
            -webkit-transform: translateX(0);
        }
        100% {
            -webkit-transform: translateX(100%);
        }
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    /*页面切换功能必须添加的样式*/</style><style>.i-confirm-wrap{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 14px;
        text-align: center;
        background-color: rgba(255, 255,255,1);
        z-index: 9999;
    }

    .i-confirm-wrap>.dialog {
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width:50%;
        max-width: 420px;
        min-width: 300px;
        background-color: #FFFFFF;
        box-shadow:1px 1px 8px #4b4b4b;
    }

    .i-confirm-wrap .dialog .dialog-header {
        height: 20px;
        padding: 10px;
        text-align: left;
        /* background-color: #22b9ff; */
    }

    .i-confirm-wrap .dialog .dialog-body {
        height: 40px;
        padding: 20px;
        padding-bottom: 30px;
        text-align: left;
    }

    .i-confirm-wrap .dialog .dialog-footer {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        background-color: #f5f5f5;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        text-align: center;
    }

    .i-confirm-wrap .dialog-btn {
        display: inline-block;
        width:40%;
        max-width: 62px;
        padding: 2px;
        cursor: pointer;
    }

    .confirm-hide {
        display: none;
    }

    .i-confirm-wrap .dialog-ml50 {
        /* margin-left: 50px; */
    }

    </style></head>



<body><img src="/themes/simpleboot3/zjgzp_files/wxfx.jpg" style="position: absolute; top: -200%; left: 0px; width: 320px; height: auto;">

<div id="container" style="display: none;">

    <div class="page-header">

        <img src="/themes/simpleboot3/zjgzp_files/pc-home.jpg" alt="就在张家港,才遇江南好">

    </div>

    <div class="h5-header" style="display: none;">

        <img src="/themes/simpleboot3/zjgzp_files/h5-home.jpg" alt="就在张家港,才遇江南好">

    </div>

</div>



<div id="home-container" style="display: block;">

    <div class="home-header">

        <img src="/themes/simpleboot3/zjgzp_files/header.png" alt="张家港市2022年春季校园引才云聘会">

    </div>

    <!-- 导航栏 -->

    <nav class="navigation">

        <div class="nav-title">

            <div class="option select">梦起港城</div>

            <div class="cross-line"></div>

            <div class="option">招聘大厅</div>

            <div class="cross-line"></div>

            <div class="option">人才政策</div>

            <div class="cross-line"></div>

            <a href="https://www.zjgrc.com/" target="_blank" id="website">

                <div class="option-url">官方网站</div>

            </a>

        </div>

    </nav>



    <section class="main">

        <!-- 梦起港城 -->

        <div class="p1-dreamCity page show">

            <div class="introduce">

                <div class="introduce-picture">

                    <img src="/themes/simpleboot3/zjgzp_files/p1-introduce.png" alt="古今风韵地,魅力张家港">

                </div>

                <div class="video">

                    <div class="video-box">

                        <video controls="" loop="" preload="auto" id="video1" poster="./img/xinganshou.png" src="https://ideal.chinaceotv.com/2022/0314zhangjiagang/heartFeeling.mp4">

                        </video>

                        <img src="/themes/simpleboot3/zjgzp_files/mask.png" id="mask1" alt="播放按钮" class="mask">

                        <p>心感受 新港城</p>

                    </div>

                    <div class="video-box">

                        <video controls="" loop="" preload="auto" id="video2" poster="./img/fourSeasons.png" src="https://ideal.chinaceotv.com/2022/0314zhangjiagang/spring.mp4">

                        </video>

                        <img src="/themes/simpleboot3/zjgzp_files/mask.png" id="mask2" alt="播放按钮" class="mask">

                        <p>张家港 春夏秋冬</p>

                    </div>

                </div>

                <div class="life-show">

                    <div class="city-show">

                        <div class="text">

                            <p class="text-header">经济发达、文明和谐的实力之城</p>

                            <p class="text-content">张家港面积999平方公里，总人口162万，

                                2021年实现地区生产总值3030.2亿元，一般公共预算收入264.1亿元。“团结拼搏、

                                负重奋进、自加压力、敢于争先”的张家港精神享誉全国，是全国首个荣膺联合国人居奖、唯一荣获全国文明城市“六连冠”的县级市，综合实力始终位居全国同类城市前三甲。</p>

                        </div>

                        <div class="picture">

                            <img src="/themes/simpleboot3/zjgzp_files/picture1.png" alt="城市风景，文明城市">

                        </div>

                    </div>

                    <div class="city-show">

                        <div class="picture picture-two">

                            <img src="/themes/simpleboot3/zjgzp_files/picture2.png" alt="城市风景，文明城市">

                        </div>

                        <div class="text">

                            <p class="text-header">区位优越、高效便捷的开放之城</p>

                            <p class="text-content">

                                沪苏通铁路已建成通车，未来张家港将形成沪苏通、南沿江、通苏嘉甬“三铁交汇”的大交通格局，半小时内可到苏州、无锡、南通，1小时内可达上海、南京、杭州

                                ，成为国家“八纵八横”高铁网中承南起北、贯通东西的重要枢纽城市。</p>

                            <p class="text-content two-paragraph">

                                沪武高速、疏港高速、锡通高速在境内形成“一横两纵”高速公路网。驱车40分钟即到达苏南硕放国际机场。张家港港是长江沿线最大的国际贸易商港，拥有80.5公里长江“黄金水道”，与60多个国家、地区的300多个港口开展贸易往来。

                            </p>

                        </div>

                    </div>

                    <div class="city-show">

                        <div class="text">

                            <p class="text-header">底蕴深厚、富有气质的魅力之城</p>

                            <p class="text-content">

                                江南水乡的古风古韵和现代港城交相辉映，源远流长的绚烂文化和城市精神碰撞交融。这里有鉴真东渡的成功起航地——古黄泗浦，有8000年历史的东山村遗址，是全国唯一的“中国吴歌之乡”。这里是万里长江江海交汇第一湾，4家4A级旅游景区和长江生态湿地错落分布，漫步张家港，可以随处感受自然与人文交融的风韵之美。

                            </p>

                        </div>

                        <div class="picture">

                            <img src="/themes/simpleboot3/zjgzp_files/picture3.png" alt="城市风景，文明城市">

                        </div>

                    </div>

                </div>

                <div class="work-header">

                    <div class="little-header">就业创业“全程无忧” 事业生活“都挺好”</div>

                    <p class="content">张家港产业基础厚实，创新资源汇聚，近年来不断致力于培育创新环境、壮大特色产业，

                        为人才就业创业搭建了广阔舞台。</p>

                </div>

                <div class="work-show">

                    <div class="city-show">

                        <div class="text">

                            <p class="text-header">完备的产业要素</p>

                            <p class="text-content">张家港集聚沙钢集团、江苏国泰等一批千亿级、 百亿级规模企业，以及长城宝马光束汽车、陶氏、杜邦、加特可等一批世界级企业，

                                累计培育、引进世界500强企业65家、上市公司28家。拥有国家级科技创业园5家，全力打造的新能源、数字经济、生物医药及高端医疗器械、先进特色半导体为代表的战略性新兴产业，正成为张家港未来高质量发展的强劲引擎。

                            </p>

                        </div>

                        <div class="picture">

                            <img src="/themes/simpleboot3/zjgzp_files/picture4.png" alt="城市风景，文明城市">

                        </div>

                    </div>

                    <div class="city-show">

                        <div class="picture">

                            <img src="/themes/simpleboot3/zjgzp_files/picture5.png" alt="城市风景，文明城市">

                        </div>

                        <div class="text">

                            <p class="text-header">精准的政策体系</p>

                            <p class="text-content">

                                张家港先后出台涵盖“就业创业”全过程的扶持补贴政策，大学生就业可享受到就业见习补贴、社保补贴等，创业可获得创业培训补贴、社保补贴、开业扶持补贴、创业小额贴息贷款等政策。针对高层次科技人才，推出一系列创新创业政策，重大创新创业团队最高可获得5000万元综合扶持，领军人才项目最高可获得1000万元综合资助。

                            </p>

                        </div>

                    </div>

                    <div class="city-show">

                        <div class="text">

                            <p class="text-header">优质的创新生态</p>

                            <p class="text-content">

                                出台《张家港市人才礼遇办法》及7个配套细则，符合条件的人才可享受最高500万元的购房补贴、最高8000元每月的租房补贴，精装人才公寓可免费拎包入住。设立总规模15亿元的“张家港人才一号母基金”，人才企业可获单笔最高3000万元无抵押“人才贷”，为人才创新创业提供强劲金融支持。张家港建立了“一站式”人才服务中心，在安家、落户、医疗等方面为人才开出12项礼遇“菜单"，为人才“想干事、能干事、干成事”打造最舒心的“梦想起航地"。

                            </p>

                        </div>

                        <div class="picture">

                            <img src="/themes/simpleboot3/zjgzp_files/picture6.png" alt="城市风景，文明城市">

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <!-- 招聘大厅 -->

        <div class="recruitment page">

            <div class="search">

                <div class="search-tag">

                    <div class="tag-top">

                        <div class="industry">

                        </div>

                        <div class="jobPost">

                        </div>

                        <div id="resetSearch">重置筛选条件</div>

                    </div>

                    <div class="tag-bottom">

                        <div class="row">

                            <div class="title">工作行业:</div>

                            <div class="list" id="workTrade"><div id="con" data-industrytype="01">计算机软件</div><div id="con" data-industrytype="02">电子技术/半导体/集成电路</div><div id="con" data-industrytype="03">金融/投资/证券</div><div id="con" data-industrytype="04">贸易/进出口</div><div id="con" data-industrytype="05">快速消费品(食品、饮料、化妆品)</div></div>

                            <div class="reveal-all">

                                显示更多

                                <img src="/themes/simpleboot3/zjgzp_files/xiala.png" alt="下拉箭头">

                            </div>

                            <div class="close">关&nbsp;&nbsp;&nbsp;闭</div>

                            <div class="allContent" id="workTradeReveal"><div id="con" data-industrytype="06" }="">服装/纺织/皮革</div><div id="con" data-industrytype="07" }="">专业服务(咨询、人力资源、财会)</div><div id="con" data-industrytype="08" }="">制药/生物工程</div><div id="con" data-industrytype="09" }="">建筑/建材/工程</div><div id="con" data-industrytype="14" }="">机械/设备/重工</div><div id="con" data-industrytype="16" }="">采掘业/冶炼</div><div id="con" data-industrytype="19" }="">石油/化工/矿产/地质</div><div id="con" data-industrytype="20" }="">环保</div><div id="con" data-industrytype="21" }="">交通/运输/物流</div><div id="con" data-industrytype="24" }="">学术/科研</div><div id="con" data-industrytype="26" }="">房地产</div><div id="con" data-industrytype="28" }="">政府/公共事业</div><div id="con" data-industrytype="33" }="">汽车</div><div id="con" data-industrytype="36" }="">电气/电力/水利</div><div id="con" data-industrytype="39" }="">通信/电信运营、增值服务</div><div id="con" data-industrytype="42" }="">银行</div><div id="con" data-industrytype="46" }="">医疗/护理/卫生</div><div id="con" data-industrytype="47" }="">医疗设备/器械</div><div id="con" data-industrytype="51" }="">物业管理/商业中心</div><div id="con" data-industrytype="56" }="">原材料和加工</div><div id="con" data-industrytype="58" }="">多元化业务集团公司</div><div id="con" data-industrytype="61" }="">新能源</div><div id="con" data-industrytype="65" }="">汽车零配件</div></div>

                        </div>



                        <div class="row">

                            <div class="title">职位类别:</div>

                            <div class="list" id="jobCategory"><div id="con" data-functype="0100">后端开发</div><div id="con" data-functype="0107">软件工程师</div><div id="con" data-functype="0120">PHP开发工程师</div><div id="con" data-functype="0122">C/C++开发工程师</div><div id="con" data-functype="0149">技术文员/助理</div><div id="con" data-functype="0200">销售管理</div></div>

                            <div class="reveal-all">

                                显示更多

                                <img src="/themes/simpleboot3/zjgzp_files/xiala.png" alt="下拉箭头">

                            </div>

                            <div class="close">关&nbsp;&nbsp;&nbsp;闭</div>

                            <div class="allContent" id="jobList"><div id="con" data-functype="0232">业务拓展主管/经理</div><div id="con" data-functype="0235">大客户管理</div><div id="con" data-functype="0300">市场/营销</div><div id="con" data-functype="0301">市场/营销/拓展总监</div><div id="con" data-functype="0304">市场/营销/拓展专员</div><div id="con" data-functype="0305">市场助理</div><div id="con" data-functype="0324">市场分析/调研人员</div><div id="con" data-functype="0337">市场企划专员</div><div id="con" data-functype="0340">互联网营销师</div><div id="con" data-functype="0400">财务/审计/税务</div><div id="con" data-functype="0403">财务主管/总账主管</div><div id="con" data-functype="0405">会计</div><div id="con" data-functype="0409">成本管理员</div><div id="con" data-functype="0419">审计专员/助理</div><div id="con" data-functype="0422">财务助理/财务文员</div><div id="con" data-functype="0457">会计助理</div><div id="con" data-functype="0458">财务专员</div><div id="con" data-functype="0500">工程/机械/能源</div><div id="con" data-functype="0511">技术研发工程师</div><div id="con" data-functype="0515">工程/设备工程师</div><div id="con" data-functype="0523">工程/机械绘图员</div><div id="con" data-functype="0537">维修工程师</div><div id="con" data-functype="0539">机械工程师</div><div id="con" data-functype="0544">机电工程师</div><div id="con" data-functype="0547">产品工艺/制程工程师</div><div id="con" data-functype="0548">模具工程师</div><div id="con" data-functype="0559">产品规划工程师</div><div id="con" data-functype="0560">工业工程师</div><div id="con" data-functype="0561">结构工程师</div><div id="con" data-functype="0564">焊接工程师/技师</div><div id="con" data-functype="0569">电力工程师/技术员</div><div id="con" data-functype="0574">其他</div><div id="con" data-functype="0581">装配工程师/技师</div><div id="con" data-functype="0582">材料工程师</div><div id="con" data-functype="0584">项目管理</div><div id="con" data-functype="0586">机械设计</div><div id="con" data-functype="0587">模具设计</div><div id="con" data-functype="0600">人力资源</div><div id="con" data-functype="0604">人事专员</div><div id="con" data-functype="0605">人事助理</div><div id="con" data-functype="0610">培训专员/助理/培训师</div><div id="con" data-functype="0700">高级管理</div><div id="con" data-functype="0703">总裁助理/总经理助理</div><div id="con" data-functype="0711">企业秘书/董事会秘书</div><div id="con" data-functype="0800">物流/仓储</div><div id="con" data-functype="0804">物料主管/专员</div><div id="con" data-functype="0809">仓库管理员</div><div id="con" data-functype="0812">单证员</div><div id="con" data-functype="0823">仓储理货员</div><div id="con" data-functype="0824">其他</div><div id="con" data-functype="0900">工业/艺术设计</div><div id="con" data-functype="0919">工业设计/产品设计</div><div id="con" data-functype="1000">科研</div><div id="con" data-functype="1001">科研人员</div><div id="con" data-functype="1100">律师/法务/合规</div><div id="con" data-functype="1101">律师/法律顾问</div><div id="con" data-functype="1107">法务助理</div><div id="con" data-functype="1110">合规主管/专员</div><div id="con" data-functype="1300">医院/医疗/护理</div><div id="con" data-functype="1301">内科医生</div><div id="con" data-functype="1317">外科医生</div><div id="con" data-functype="1325">儿科医生</div><div id="con" data-functype="1327">超声影像/放射科医师</div><div id="con" data-functype="1600">在校学生</div><div id="con" data-functype="1604">其他</div><div id="con" data-functype="1700">储备干部/培训生/实习生</div><div id="con" data-functype="1701">培训生</div><div id="con" data-functype="1702">储备干部</div><div id="con" data-functype="1703">实习生</div><div id="con" data-functype="2100">建筑工程与装潢</div><div id="con" data-functype="2106">建筑工程管理/项目经理</div><div id="con" data-functype="2111">建筑安装施工员</div><div id="con" data-functype="2118">公路/桥梁/港口/隧道工程</div><div id="con" data-functype="2124">预结算员</div><div id="con" data-functype="2129">安全员</div><div id="con" data-functype="2200">银行</div><div id="con" data-functype="2221">其他</div><div id="con" data-functype="2300">行政/后勤</div><div id="con" data-functype="2304">经理助理/秘书</div><div id="con" data-functype="2305">前台接待/总机/接待生</div><div id="con" data-functype="2309">其他</div><div id="con" data-functype="2310">党工团干事</div><div id="con" data-functype="2311">文员</div><div id="con" data-functype="2700">测试</div><div id="con" data-functype="2718">功能测试</div><div id="con" data-functype="2725">测试工程师</div><div id="con" data-functype="2800">通信技术开发及应用</div><div id="con" data-functype="2815">射频工程师</div><div id="con" data-functype="2900">电子/电器/仪器仪表</div><div id="con" data-functype="2903">电子工程师/技术员</div><div id="con" data-functype="2904">电气工程师/技术员</div><div id="con" data-functype="2908">自动控制工程师/技术员</div><div id="con" data-functype="2910">嵌入式软件开发(Linux/单片机/PLC/DSP…)</div><div id="con" data-functype="2911">电池/电源开发</div><div id="con" data-functype="2914">仪器/仪表/计量分析师</div><div id="con" data-functype="2917">电子技术研发工程师</div><div id="con" data-functype="2920">电子/电器维修工程师/技师</div><div id="con" data-functype="2951">电子工艺工程师</div><div id="con" data-functype="2955">硬件工程师</div><div id="con" data-functype="2957">硬件测试工程师</div><div id="con" data-functype="2964">PCB工程师</div><div id="con" data-functype="2969">服务机器人应用技术员</div><div id="con" data-functype="3000">销售人员</div><div id="con" data-functype="3001">销售代表</div><div id="con" data-functype="3003">客户代表</div><div id="con" data-functype="3004">销售工程师</div><div id="con" data-functype="3005">电话销售</div><div id="con" data-functype="3007">其他</div><div id="con" data-functype="3010">网络销售/在线销售</div><div id="con" data-functype="3012">销售助理</div><div id="con" data-functype="3014">区域销售代表</div><div id="con" data-functype="3015">海外销售</div><div id="con" data-functype="3100">销售行政及商务</div><div id="con" data-functype="3104">商务主管/专员</div><div id="con" data-functype="3105">商务助理</div><div id="con" data-functype="3107">其他</div><div id="con" data-functype="3109">业务分析专员/助理</div><div id="con" data-functype="3200">客服及支持</div><div id="con" data-functype="3207">售前/售后技术支持工程师</div><div id="con" data-functype="3212">VIP专员</div><div id="con" data-functype="3300">金融/证券/期货</div><div id="con" data-functype="3311">其他</div><div id="con" data-functype="3500">生产/营运</div><div id="con" data-functype="3503">项目经理/主管</div><div id="con" data-functype="3504">项目工程师</div><div id="con" data-functype="3507">生产经理/车间主任</div><div id="con" data-functype="3508">生产计划/物料管理(PMC)</div><div id="con" data-functype="3509">生产主管</div><div id="con" data-functype="3510">化验员</div><div id="con" data-functype="3511">其他</div><div id="con" data-functype="3512">生产文员</div><div id="con" data-functype="3515">生产领班/组长</div><div id="con" data-functype="3516">设备主管</div><div id="con" data-functype="3518">生产跟单</div><div id="con" data-functype="3600">质量安全</div><div id="con" data-functype="3602">质量管理/测试主管(QA/QC主管)</div><div id="con" data-functype="3603">质量管理/测试工程师(QA/QC工程师)</div><div id="con" data-functype="3604">质检员/测试员(QC)</div><div id="con" data-functype="3608">体系工程师</div><div id="con" data-functype="3609">环境/健康/安全经理/主管（EHS）</div><div id="con" data-functype="3610">环境/健康/安全工程师（EHS）</div><div id="con" data-functype="3613">其他</div><div id="con" data-functype="3614">安全员</div><div id="con" data-functype="3615">审核员</div><div id="con" data-functype="3700">技工普工</div><div id="con" data-functype="3701">技工</div><div id="con" data-functype="3703">焊工</div><div id="con" data-functype="3706">电工</div><div id="con" data-functype="3707">叉车司机/铲车司机</div><div id="con" data-functype="3710">普工/操作工</div><div id="con" data-functype="3715">组装工</div><div id="con" data-functype="3800">服装/纺织/皮革</div><div id="con" data-functype="3801">服装/纺织设计</div><div id="con" data-functype="3802">面料辅料开发</div><div id="con" data-functype="3803">面料辅料采购</div><div id="con" data-functype="3804">服装/纺织/皮革跟单</div><div id="con" data-functype="3805">服装纺织质检员(QA/QC)</div><div id="con" data-functype="3807">打样/制版</div><div id="con" data-functype="3823">印染工</div><div id="con" data-functype="3900">采购</div><div id="con" data-functype="3904">采购员</div><div id="con" data-functype="3905">采购助理</div><div id="con" data-functype="3907">其他</div><div id="con" data-functype="4000">贸易</div><div id="con" data-functype="4001">贸易/外贸经理/主管</div><div id="con" data-functype="4002">贸易/外贸专员/助理</div><div id="con" data-functype="4003">国内贸易人员</div><div id="con" data-functype="4006">业务跟单</div><div id="con" data-functype="4009">外贸销售</div><div id="con" data-functype="4100">生物/制药/医疗器械</div><div id="con" data-functype="4101">生物工程/生物制药</div><div id="con" data-functype="4104">医药技术研发人员</div><div id="con" data-functype="4107">药品注册</div><div id="con" data-functype="4108">药品生产/质量管理</div><div id="con" data-functype="4116">化学分析测试员</div><div id="con" data-functype="4117">医疗器械注册</div><div id="con" data-functype="4118">医疗器械生产/质量管理</div><div id="con" data-functype="4129">试剂研发工程师</div><div id="con" data-functype="4134">药物合成/有机合成研究员</div><div id="con" data-functype="4200">广告</div><div id="con" data-functype="4207">文案/策划</div><div id="con" data-functype="4209">企业策划人员</div><div id="con" data-functype="5400">汽车制造</div><div id="con" data-functype="5406">汽车装配工艺工程师</div><div id="con" data-functype="5500">化工</div><div id="con" data-functype="5501">化工技术应用/化工工程师</div><div id="con" data-functype="5502">化工实验室研究员/技术员</div><div id="con" data-functype="5503">涂料研发工程师</div><div id="con" data-functype="5505">塑料工程师</div><div id="con" data-functype="5508">其他</div><div id="con" data-functype="5511">有机合成研究员</div><div id="con" data-functype="5600">环保</div><div id="con" data-functype="5601">环保工程师</div><div id="con" data-functype="5602">水处理工程师</div><div id="con" data-functype="5900">汽车销售与服务</div><div id="con" data-functype="5903">汽车销售/经纪人</div><div id="con" data-functype="5907">汽车维修</div><div id="con" data-functype="5921">汽车服务顾问</div><div id="con" data-functype="6100">电子商务</div><div id="con" data-functype="6102">电商运营</div><div id="con" data-functype="6109">电商专员</div><div id="con" data-functype="6112">跨境电商运营</div><div id="con" data-functype="6200">机械机床</div><div id="con" data-functype="6201">数控操机</div><div id="con" data-functype="6202">数控编程</div><div id="con" data-functype="6203">机修工</div><div id="con" data-functype="6205">车工</div><div id="con" data-functype="6209">刨工</div><div id="con" data-functype="6600">产品</div><div id="con" data-functype="6601">产品专员</div><div id="con" data-functype="6602">产品经理/主管</div><div id="con" data-functype="6700">半导体/芯片</div><div id="con" data-functype="6701">集成电路IC设计/应用工程师</div><div id="con" data-functype="6707">半导体技术</div><div id="con" data-functype="6712">FAE 现场应用工程师</div><div id="con" data-functype="6722">版图设计工程师</div><div id="con" data-functype="6723">半导体工艺工程师</div><div id="con" data-functype="6731">模拟芯片工程师</div><div id="con" data-functype="6732">模拟版图工程师</div><div id="con" data-functype="6739">半导体设备工程师</div><div id="con" data-functype="6740">工艺整合工程师(PIE)</div><div id="con" data-functype="6749">其他</div><div id="con" data-functype="6750">半导体测试工程师</div><div id="con" data-functype="7100">汽车研发设计</div><div id="con" data-functype="7102">汽车设计工程师</div><div id="con" data-functype="7113">汽车试验工程师</div><div id="con" data-functype="7114">新能源电池工程师</div><div id="con" data-functype="7122">其他</div><div id="con" data-functype="7200">前端开发</div><div id="con" data-functype="7201">Web前端开发</div><div id="con" data-functype="7203">其他</div><div id="con" data-functype="7300">人工智能</div><div id="con" data-functype="7304">图像处理工程师</div><div id="con" data-functype="7309">算法工程师</div><div id="con" data-functype="7500">数据</div><div id="con" data-functype="7509">其他</div><div id="con" data-functype="7900">运维/技术支持</div><div id="con" data-functype="7901">运维工程师</div><div id="con" data-functype="7902">系统工程师</div><div id="con" data-functype="7905">ERP实施顾问</div><div id="con" data-functype="7909">技术支持/维护工程师</div><div id="con" data-functype="8000">运营</div><div id="con" data-functype="8016">网站运营专员</div><div id="con" data-functype="8034">网络推广专员</div><div id="con" data-functype="8300">投融资</div><div id="con" data-functype="8303">投资顾问</div><div id="con" data-functype="8313">融资专员</div></div>

                        </div>

                    </div>

                </div>

                <div class="search-box">

                    <input id="ipt" type="text" placeholder="输入关键字">

                    <button id="btn">搜索</button>

                </div>

            </div>

            <div class="recruitment-con"><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016176.jpg" alt="张家港长城汽车研发有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">张家港长城汽车研发有限公司</div>

                    <a href="https://jobs.51job.com/all/138802135.html" class="profession">汽车设计工程师（2022届大学生）</a>

                    <a href="https://jobs.51job.com/all/co7016176.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7033466.jpg" alt="精诚工科汽车零部件（张家港）有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">精诚工科汽车零部件（张家港）有限公司</div>

                    <a href="https://jobs.51job.com/all/138914679.html" class="profession">商品技术岗（工艺工程师）（常熟）</a>

                    <a href="https://jobs.51job.com/all/138914929.html" class="profession">质量控制专员（苏州）</a>

                    <a href="https://jobs.51job.com/all/co7033466.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016270.jpg" alt="江苏新美星包装机械股份有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">江苏新美星包装机械股份有限公司</div>

                    <a href="https://jobs.51job.com/all/138802149.html" class="profession">管培生</a>

                    <a href="https://jobs.51job.com/all/138860043.html" class="profession">机械设计师</a>

                    <a href="https://jobs.51job.com/all/co7016270.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016239.jpg" alt="江苏张家港农村商业银行股份有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">江苏张家港农村商业银行股份有限公司</div>

                    <a href="https://jobs.51job.com/all/138990804.html" class="profession">管培类- 金融管理方向</a>

                    <a href="https://jobs.51job.com/all/138990805.html" class="profession">金融科技岗</a>

                    <a href="https://jobs.51job.com/all/co7016239.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7019844.jpg" alt="张家港东方雨虹建筑材料有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">张家港东方雨虹建筑材料有限公司</div>

                    <a href="https://jobs.51job.com/all/138856618.html" class="profession">技术管培生（北京）</a>

                    <a href="https://jobs.51job.com/all/138856619.html" class="profession">技术管培生（上海）</a>

                    <a href="https://jobs.51job.com/all/co7019844.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016244.jpg" alt="苏州中细软知识产权运营有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">苏州中细软知识产权运营有限公司</div>

                    <a href="https://jobs.51job.com/all/138818599.html" class="profession">双休知识产权顾问</a>

                    <a href="https://jobs.51job.com/all/138977673.html" class="profession">管理培训生</a>

                    <a href="https://jobs.51job.com/all/co7016244.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016242.jpg" alt="欧璧医药包装科技（中国）有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">欧璧医药包装科技（中国）有限公司</div>

                    <a href="https://jobs.51job.com/all/138813200.html" class="profession">电气助理工程师</a>

                    <a href="https://jobs.51job.com/all/138819187.html" class="profession">助理电气工程师</a>

                    <a href="https://jobs.51job.com/all/co7016242.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016227.jpg" alt="国泰新点软件股份有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">国泰新点软件股份有限公司</div>

                    <a href="https://jobs.51job.com/all/138802162.html" class="profession">开发工程师</a>

                    <a href="https://jobs.51job.com/all/138819079.html" class="profession">产品管理工程师（苏州）</a>

                    <a href="https://jobs.51job.com/all/co7016227.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016145.jpg" alt="东华能源股份有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">东华能源股份有限公司</div>

                    <a href="https://jobs.51job.com/all/138926486.html" class="profession">化工生产操作技术员</a>

                    <a href="https://jobs.51job.com/all/138927617.html" class="profession">公用工程操作技术员</a>

                    <a href="https://jobs.51job.com/all/co7016145.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016245.jpg" alt="张家港富瑞特种装备股份有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">张家港富瑞特种装备股份有限公司</div>

                    <a href="https://jobs.51job.com/all/138819814.html" class="profession">设计工程师</a>

                    <a href="https://jobs.51job.com/all/co7016245.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016149.jpg" alt="江苏灿勤科技股份有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">江苏灿勤科技股份有限公司</div>

                    <a href="https://jobs.51job.com/all/138858548.html" class="profession">电子研发工程师（南京）</a>

                    <a href="https://jobs.51job.com/all/138858552.html" class="profession">电子研发工程师（苏州）</a>

                    <a href="https://jobs.51job.com/all/co7016149.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016150.jpg" alt="江苏华昌（集团）有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">江苏华昌（集团）有限公司</div>

                    <a href="https://jobs.51job.com/all/138933242.html" class="profession">测控技术员</a>

                    <a href="https://jobs.51job.com/all/138933397.html" class="profession">电气技术员</a>

                    <a href="https://jobs.51job.com/all/co7016150.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016151.jpg" alt="江苏华盛锂电材料股份有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">江苏华盛锂电材料股份有限公司</div>

                    <a href="https://jobs.51job.com/all/138802184.html" class="profession">研发工程师</a>

                    <a href="https://jobs.51job.com/all/139360817.html" class="profession">工艺员</a>

                    <a href="https://jobs.51job.com/all/co7016151.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016155.jpg" alt="江苏长顺集团有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">江苏长顺集团有限公司</div>

                    <a href="https://jobs.51job.com/all/138858360.html" class="profession">化工研发储备生</a>

                    <a href="https://jobs.51job.com/all/141201280.html" class="profession">研发工程师-催化剂方向</a>

                    <a href="https://jobs.51job.com/all/co7016155.html" class="more-profession">更多热招职位</a>

                </div>

            </div><div class="company">

                <div class="logo">

                    <img src="/themes/simpleboot3/zjgzp_files/7016159.jpg" alt="南港（张家港保税区）橡股工业有限公司logo">

                </div>

                <div class="about">

                    <div class="company-name">南港（张家港保税区）橡股工业有限公司</div>

                    <a href="https://jobs.51job.com/all/138807758.html" class="profession">现场生产管理员</a>

                    <a href="https://jobs.51job.com/all/138905947.html" class="profession">安全工程师</a>

                    <a href="https://jobs.51job.com/all/co7016159.html" class="more-profession">更多热招职位</a>

                </div>

            </div></div>

            <div class="sorter" style="display: flex;">

                <div class="pageup">上一页</div>

                <div class="current">1</div>

                <div>2</div>

                <div>3</div>

                <div>4</div>

                <div>5</div>

                <div>6</div>

                <div>7</div>

                <div>8</div>

                <div>9</div>

                <div>10</div>

                <div>11</div>

                <div>12</div>

                <div class="pagedowm">下一页</div>

            </div>

        </div>

        <!-- 人才政策 -->

        <div class="policy page">

            <!-- <img src="./img/policy1.png" alt="人才政策"> -->

        </div>

    </section>

    <footer class="footer">

        <img src="/themes/simpleboot3/zjgzp_files/51job.png" alt="51job图标">

        未经51job.com 同意，不得转载本网站之所有招聘信息及作品 无忧工作网版权所有 ©1999-2022

    </footer>



</div>



<script src="/themes/simpleboot3/zjgzp_files/jquery.js.下载"></script>

<script src="/themes/simpleboot3/zjgzp_files/coapi.min.js.下载"></script>

<script src="/themes/simpleboot3/zjgzp_files/jweixin-1.6.0.js.下载"></script>

<!-- <script src="http://test.51family.com.cn/if2e-code/ienv/ienv.min.js"></script> -->

<script src="/themes/simpleboot3/zjgzp_files/ienv.min.js.下载"></script>



<script>

    // 微信分享



    IENV.useShare({

        title: '张家港市2022年春季校园引才云聘会',

        desc: '就在张家港 才遇江南好',

        imgUrl: './img/wxfx.jpg',

        debug: false

    })





    // pc和h5识别

    jumpPage()

    function jumpPage() {

        function IsPC() {

            var userAgentInfo = navigator.userAgent;

            var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPod"];

            var flag = true;

            for (var v = 0; v < Agents.length; v++) {

                if (userAgentInfo.indexOf(Agents[v]) > 0) {

                    flag = false;

                    break;

                }

            }

            if (window.screen.width >= 768) {

                flag = true;

            }

            return flag;

        }

        var oPc = document.querySelector('.page-header')

        var oH5 = document.querySelector('.h5-header')

        var oContainer = document.getElementById('container')

        var oHomeContainer = document.getElementById('home-container')

        var oWebsite = document.getElementById('website')



        if (IsPC()) {

            oH5.style.display = 'none'

        } else {

            oPc.style.display = 'none'

            oWebsite.href = 'https://www.zjgrc.com/h5/#/index'

        }

        oPc.onclick = function () {

            oContainer.style.display = 'none'

            oHomeContainer.style.display = 'block'

        }

        oH5.onclick = function () {

            oContainer.style.display = 'none'

            oHomeContainer.style.display = 'block'

        }



    }



    // 页面切换

    tabWidget()

    function tabWidget() {

        var oTab = document.querySelectorAll('.navigation .option')

        var oPage = document.querySelectorAll('.main .page')



        for (var i = 0; i < oTab.length; i++) {

            oTab[i].index = i

            oTab[i].onclick = function () {

                oTab.forEach(function (item, index) {

                    item.classList.remove('select')

                    oPage[index].classList.remove('show')

                })



                this.classList.add('select')

                oPage[this.index].classList.add('show')

            }

        }

    }



    // 视频播放

    videoPlay()

    function videoPlay() {

        var video = document.getElementById("video1");

        var video2 = document.getElementById("video2");

        var mask1 = document.getElementById("mask1");

        var mask2 = document.getElementById("mask2");

        //实现全屏功能

        function requestFullscreen(video) {

            if (video.requestFullscreen) {

                video.requestFullscreen();

            } else if (video.mozRequestFullScreen) {

                video.mozRequestFullScreen();

            } else if (video.webkitRequestFullscreen) {

                video.webkitRequestFullscreen();

            } else if (video.msRequestFullscreen) {

                video.msRequestFullscreen();

            }

        }

        mask1.addEventListener("click", function () {

            requestFullscreen(video)

            video.play()

        }, false);

        mask2.addEventListener("click", function () {

            requestFullscreen(video2)

            video2.play()

        }, false);

        // 退出全屏的监听

        function exitHandler() {

            if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) {

                video.pause()

                video2.pause()

            }

        }

        if (document.addEventListener) {

            document.addEventListener('webkitfullscreenchange', exitHandler, false);

            document.addEventListener('mozfullscreenchange', exitHandler, false);

            document.addEventListener('fullscreenchange', exitHandler, false);

            document.addEventListener('MSFullscreenChange', exitHandler, false);

        }

    }



    // 招聘大厅数据获取

    getEnterproseInfo()

    function getEnterproseInfo() {



        var paramsCon = {

            industrytype: '',

            functype: '',

            jobarea: '',

            keyword: ''

        }

        var coid = []

        var trade = [] //行业

        var jobCategory = [] //职位类别

        var workCity = [] //工作城市



        var oList = []

        var pageNum = null



        // 使用jquery处理异步

        var dtd = $.Deferred()

        var wait = function (dtd) {

            coapi.getJobCondition('6054795', function (data) {

                var arr = [

                    7028757, 7016176, 7019844, 7033466, 7016270, 7016239, 7016242, 7016244, 7016245, 7016145,

                    7016227, 7016149, 7016150, 7016151, 7016155, 7016159, 7016160, 7016233, 7016246, 7016247,

                    7016166, 7016167, 7016168, 7016169, 7016170, 7016173, 7016180, 7016183, 7016184, 7016185,

                    7016229, 7016232,

                ]



                var coidList = data.resultbody.coid || []



                coidList.forEach(function (item) {

                    arr.push(Number(item.key))

                })

                arr = [...new Set(arr)]

                console.log(arr);



                pageNum = Math.ceil(arr.length / 16)

                for (let i = 0, j = 0; i < pageNum; i++, j += 16) {

                    coid.push(arr.slice(j, j + 16))

                }

                [trade, jobCategory, workCity] = [data.resultbody.industrytype, data.resultbody.functype, data.resultbody.jobarea]



                dtd.resolve()

            }, {});

            return dtd

        }

        $.when(wait(dtd)).done(function () {

            showSearchCondition()

            getjobList(1)//初始化展示

        })



        // 搜索条件展示

        var oWorkTradeReveal = document.getElementById('workTradeReveal')

        var oJobList = document.getElementById('jobList')



        var oIndustry = document.querySelector('.industry')

        var oJobPost = document.querySelector('.jobPost')



        function showSearchCondition() {

            var oWorkTrade = document.getElementById('workTrade')

            var oJobCategory = document.getElementById('jobCategory')



            var oRevealAllList = document.querySelectorAll('.row .reveal-all')

            var oClose = document.querySelectorAll('.row .close')



            jobCategory = [...new Set(jobCategory)]

            workCity = [...new Set(workCity)]





            var tradeNode = trade.slice(0, 5).reduce(function (prev, item, index) {

                prev += `<div id="con" data-industrytype="${item.key}">${item.value}</div>`

                return prev

            }, '')

            var tradeNode1 = trade.slice(5).reduce(function (prev, item, index) {

                prev += `<div id="con" data-industrytype="${item.key}"}>${item.value}</div>`

                return prev

            }, '')



            var jobCategoryNode = jobCategory.slice(0, 6).reduce(function (prev, item, index) {



                prev += `<div id="con" data-functype="${item.key}">${item.value.replace('--', '')}</div>`

                return prev

            }, '')

            var jobCategoryNode1 = jobCategory.slice(7).reduce(function (prev, item, index) {



                prev += `<div id="con" data-functype="${item.key}">${item.value.replace('--', '')}</div>`

                return prev

            }, '')



            oWorkTrade.innerHTML = tradeNode

            oJobCategory.innerHTML = jobCategoryNode



            oWorkTradeReveal.innerHTML = tradeNode1

            oJobList.innerHTML = jobCategoryNode1



            // 更多

            var oRecruitment = document.querySelector('.recruitment')

            oRevealAllList[0].onclick = function () {

                oWorkTradeReveal.style.display = 'flex'

                oJobList.style.display = 'none'

                oClose[0].style.display = 'block'

                oRevealAllList[0].style.display = 'none'

            }

            oClose[0].onclick = function () {

                oWorkTradeReveal.style.display = 'none'

                oRevealAllList[0].style.display = 'block'

                oClose[0].style.display = 'none'

            }



            oRevealAllList[1].onclick = function () {

                oWorkTradeReveal.style.display = 'none'

                oJobList.style.display = 'flex'

                oClose[1].style.display = 'block'

                oRevealAllList[1].style.display = 'none'

            }

            oClose[1].onclick = function () {

                oJobList.style.display = 'none'

                oRevealAllList[1].style.display = 'block'

                oClose[1].style.display = 'none'

            }



            // 点击搜索

            var oList = document.querySelectorAll('.list div')

            var oAllList = document.querySelectorAll('.allContent div')

            oList.forEach(function (item, index) {

                item.onclick = function () {

                    deleteOradd.call(this)



                    getjobList(1, paramsCon)

                    oWorkTradeReveal.style.display = 'none'

                    oJobList.style.display = 'none'

                    oClose.forEach(function (item) {

                        item.style.display = 'none'

                    })

                    oRevealAllList.forEach(function (item) {

                        item.style.display = 'block'

                    })

                }

            })

            oAllList.forEach(function (item) {

                item.onclick = function (event) {

                    deleteOradd.call(this)



                    getjobList(1, paramsCon)

                    oWorkTradeReveal.style.display = 'none'

                    oJobList.style.display = 'none'

                    oClose.forEach(function (item) {

                        item.style.display = 'none'

                    })

                    oRevealAllList.forEach(function (item) {

                        item.style.display = 'block'

                    })

                }

            })



        }



        // 获取企业职位信息

        var oRecruitment = document.querySelector('.recruitment-con')

        var oSorter = document.querySelector('.sorter')

        function getjobList(num, keyword) {



            var str = ''

            var getResult = []



            if (keyword) {

                var params = {

                    ctmid: "6054795",

                    industrytype: keyword.industrytype,

                    functype: keyword.functype,

                    jobarea: keyword.jobarea,

                    keyword: keyword.keyword,

                    keywordtype: 3,

                    pagenum: "1",

                    pagesize: "1000"

                }

                var dtd = $.Deferred()

                var result1 = function (dtd) {

                    coapi.getJobList(params, function (data) {

                        var duty = []

                        var joblist = data.resultbody.joblist

                        var i = ''

                        var record = []

                        if (!joblist) {

                            alert('职位没有啦,请重新搜索')

                            paramsCon = {

                                industrytype: '',

                                functype: '',

                                jobarea: '',

                                keyword: ''

                            }

                            oIndustry.innerHTML = ''

                            oJobPost.innerHTML = ''

                            getjobList(1)

                            return

                        }

                        joblist.forEach(function (item, index) {

                            if (record.indexOf(item.coid) === -1) {

                                i = `<a class="corporate" href="https://jobs.51job.com/all/co${item.coid}.html">

                                        <p>${item.coname}</p>

                                        <img src="./img/arrows.png" alt="向右箭头">

                                    </a>`

                                record.push(item.coid)

                                str += i

                            }

                        })

                        dtd.resolve(str)

                    })

                    return dtd

                }

                $.when(result1(dtd)).done(function (value) {

                    oRecruitment.innerHTML = value

                    oSorter.style.display = 'none'

                })



            } else {

                var list = coid[num - 1]

                list.forEach(function (item, index) {

                    var params = {

                        ctmid: "6054795",

                        coid: item,

                        pagenum: "1",

                        pagesize: "2"

                    }



                    var dtd = $.Deferred()

                    var result = function (dtd) {

                        coapi.getJobList(params, function (data) {

                            var duty = []

                            var joblist = data.resultbody.joblist || []

                            var i = ''

                            joblist.forEach(function (item, index) {

                                duty.push({ jobname: item.jobname, jobid: item.jobid })

                            })

                            if (duty.length === 1) {

                                i = `<div class="company">

                                        <div class="logo">

                                            <img src="./logo/${joblist[0].coid}.jpg" alt="${joblist[0].coname}logo">

                                        </div>

                                        <div class="about">

                                            <div class='company-name'>${joblist[0].coname}</div>

                                            <a href="https://jobs.51job.com/all/${duty[0].jobid}.html" class="profession">${duty[0].jobname}</a>

                                            <a href="https://jobs.51job.com/all/co${joblist[0].coid}.html" class="more-profession">更多热招职位</a>

                                        </div>

                                    </div>`

                            } else if (duty.length === 2) {

                                i = `<div class="company">

                                        <div class="logo">

                                            <img src="./logo/${joblist[0].coid}.jpg" alt="${joblist[0].coname}logo">

                                        </div>

                                        <div class="about">

                                            <div class='company-name'>${joblist[0].coname}</div>

                                            <a href="https://jobs.51job.com/all/${duty[0].jobid}.html" class="profession">${duty[0].jobname}</a>

                                            <a href="https://jobs.51job.com/all/${duty[1].jobid}.html" class="profession">${duty[1].jobname}</a>

                                            <a href="https://jobs.51job.com/all/co${joblist[0].coid}.html" class="more-profession">更多热招职位</a>

                                        </div>

                                    </div>`

                            }

                            str += i

                            dtd.resolve(str)

                        })

                        return dtd

                    }

                    getResult.push(result(dtd))

                })

                $.when(...getResult).done(function () {

                    oRecruitment.innerHTML = str

                    oSorter.style.display = 'flex'

                })

            }





        }



        // 分页器

        var oSelectPage = document.querySelectorAll('.sorter div')

        var currentPage = 1

        oSelectPage.forEach(function (item, index) {

            item.onclick = function () {

                oSelectPage.forEach(function (item) {

                    item.classList.remove('current')

                })



                this.classList.add('current')

                if (!isNaN(this.innerText)) {

                    getjobList(this.innerText)

                    currentPage = Number(this.innerText)

                } else {

                    var text = this.innerText

                    if (text === '上一页') {

                        if (currentPage === 1) {

                            oSelectPage[1].classList.add('current')

                            oSelectPage[0].classList.remove('current')

                            return

                        }

                        oSelectPage[currentPage - 1].classList.add('current')

                        oSelectPage[0].classList.remove('current')

                        getjobList(currentPage - 1)

                        currentPage = currentPage - 1

                    } else if (text === "下一页") {

                        if (currentPage === 11) {

                            oSelectPage[oSelectPage.length - 2].classList.add('current')

                            oSelectPage[oSelectPage.length - 1].classList.remove('current')

                            return

                        }

                        oSelectPage[Number(currentPage) + 1].classList.add('current')

                        oSelectPage[oSelectPage.length - 1].classList.remove('current')

                        getjobList(currentPage + 1)

                        currentPage = Number(currentPage) + 1



                    }

                }

            }

        })



        // 添加删除搜索条件

        function deleteOradd() {

            if (this.dataset.industrytype) {

                paramsCon.industrytype = this.dataset.industrytype

                oIndustry.innerHTML = `<div class="PitchOn">${this.innerText}&nbsp;&nbsp;<span>X</span></div>`

                var oIndustryClear = document.querySelector('.industry span')

                oIndustryClear.onclick = function () {

                    oIndustry.innerHTML = ''

                    paramsCon.industrytype = ''



                    if ($('.industry span').length === 0 && $('.jobPost span').length === 0) {

                        getjobList(currentPage)

                    } else {

                        getjobList(1, paramsCon)

                    }

                }

            } else if (this.dataset.functype) {

                paramsCon.functype = this.dataset.functype

                oJobPost.innerHTML = `<div class="PitchOn">${this.innerText}&nbsp;&nbsp;<span>X</span></div>`

                var oJobPostClear = document.querySelector('.jobPost span')

                oJobPostClear.onclick = function () {

                    oJobPost.innerHTML = ''

                    paramsCon.functype = ''



                    if ($('.industry span').length === 0 && $('.jobPost span').length === 0) {

                        getjobList(currentPage)

                    } else {

                        getjobList(1, paramsCon)

                    }

                }

            }

        }



        // 重置搜索条件

        var oResetSearch = document.getElementById('resetSearch')

        oResetSearch.onclick = function () {

            getjobList(1)

            oIpt.value = null

            oWorkTradeReveal.style.display = 'none'

            oJobList.style.display = 'none'

            paramsCon = {

                industrytype: '',

                functype: '',

                jobarea: '',

                keyword: ''

            }

            oIndustry.innerHTML = ''

            oJobPost.innerHTML = ''

        }



        // 输入搜索

        var oIpt = document.getElementById('ipt')

        var oBtn = document.getElementById('btn')

        oBtn.onclick = function () {

            var keyword = oIpt.value

            if (keyword) {

                paramsCon.keyword = keyword

                getjobList(1, paramsCon)

            }

        }

    }







</script>





</body></html>
